<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Sistema de Gestão de Recursos do DCC{% block title %}{% endblock %}</title>

{% block css %}
<link rel="stylesheet" type="text/css" href="{{ media_url }}css/jquery/jquery-ui-1.8.5.custom.css">
<link rel="stylesheet" type="text/css" href="{{ media_url }}css/jqGrid/ui.jqgrid.css">
<link rel="stylesheet" type="text/css" href="{{ media_url }}css/tokeninput/token-input.css">
<link rel="stylesheet" type="text/css" href="{{ media_url }}css/tokeninput/vialink_token_input.css">
<link rel="stylesheet" type="text/css" href="{{ media_common_url }}css/erro_form.css">
<link rel="stylesheet" type="text/css" href="{{ media_common_url }}css/message.css">
<link rel="stylesheet" type="text/css" href="{{ media_url }}css/style.css">
<link rel="stylesheet" type="text/css" href="{{ media_url }}css/dock.css">
{% endblock %}
{% block css-extra %}{% endblock %}


{% block js %}

<script type="text/javascript">
var media_url = "{{ media_url }}";
var base_url = "{{ base_url }}";
{% if django_js %}
var django_js = {{ django_js|safe }};
{% endif %}
</script>

<script type="text/javascript" src="{% url webservices.js %}"></script>

<script type="text/javascript" src="{{ media_url }}js/jquery/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="{{ media_url }}js/jquery/jquery-ui-1.8.10.custom.min.js"></script>
<script type="text/javascript" src="{{ media_url }}js/jquery/jquery.json-1.3.min.js"></script>
<script type="text/javascript" src="{{ media_url }}js/jquery/jquery-datepicker.js"></script>
<script type="text/javascript" src="{{ media_url }}js/jqGrid/i18n/grid.locale-pt-br.js"></script>
<script type="text/javascript" src="{{ media_url }}js/jqGrid/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="{{ media_url }}js/jqGrid/jquery.jqGrid.utils.js"></script>
<script type="text/javascript" src="{{ media_url }}js/tokeninput/jquery.tokeninput.js"></script>

<script type="text/javascript" src="{{ media_url }}js/init.js"></script>
<script type="text/javascript" src="{{ media_common_url }}js/message.js"></script>
<script type="text/javascript" src="{{ media_common_url }}js/widget-calendar.js"></script>
<script type="text/javascript" src="{{ media_common_url }}js/gridcrud.js"></script>
{% endblock %}


{% block js-extra %}{% endblock %}

{% block media %}
{{ media }}
{% endblock %}
</head>


<body>


<div id="wrapper">

<div id="top">
	<div id="logo">
		<a href="{% url index %}"><img src="{{ media_url }}images/logo.png" alt="SGR-DCC"></a>
	</div>
	{% block menu %}
	<div class="dock" id="dock">
		<div class="dock-container">
			<a class="dock-item" href="{% url recurso.listar %}">
                <img src="{{ media_url }}images/dock/recursos.png" />
                <span>Recursos</span>
            </a>
			<a class="dock-item" href="{% url menu.cadastros %}">
                <img src="{{ media_url }}images/dock/users.png" />
                <span>Usuários e Grupos</span>
            </a>
		</div>
	</div>
	{% endblock %}
</div>

<div id="middle">
	<div id="bartop">
		<h1>{% block bartitle %}{% endblock %}</h1>
		{% block userinfo %}
        <div class="right">
            {{ user_logged.nome }} [{{ user_logged.usuario }}] |
            <a href="{% url usuario.logout %}">SAIR</a>
        </div>
        {% endblock %}
	</div>
	<div id="content" class="shadow">
		{% block content %}{% endblock %}
	</div>
</div>

<div id="bottom">
</div>

</div>

<div id="ajax-activity" style="position: absolute; top: 10px; left: 9px;"></div>

</body>
</html>
